﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true" CodeBehind="MembroCadastro.aspx.cs" Inherits="JovensIPR.membro.MembroCadastro" Theme="Padrao" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="subMenu" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="apresentacao" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="conteudo" runat="server">
<%--        <div id="dvModalLoader" style="width:0px;height:0px;left:-8000px;" class="jqmWindow">
        </div>
        
        <script type="text/javascript">
            //Inicializa o Modal
            var $dvModalLoader = $('#dvModalLoader').jqm({ modal: true, toTop: true, trigger: false });

            //Adiciona os eventos para exibir/ocultar modal enquanto o postback assíncrono é executado.
            Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);

            function beginRequest(sender, args) {
                $dvModalLoader.jqmShow();
            }

            function endRequest(sender, args) {
                $dvModalLoader.jqmHide();
            }

            function cancelPostback() {
                Sys.WebForms.PageRequestManager.getInstance().abortPostBack();
                return false;
            }
        </script>
    
    <asp:UpdateProgress ID="UpdateProgress1" runat="server">
        <ProgressTemplate>
                <div id="dvAjaxLoader" class="AjaxLoader">
                    <table width="100%" align="center" border="0px" cellspacing="10px" frame="void">
                        <tr align="center" valign="middle"><td height="100%" width="140px" align="center" 
                                valign="middle">Processando...</td><td align="center" valign="middle" 
                                width="60px"><img src="../images/ajax-loader.gif" alt="" /></td></tr>
                    </table>
                </div>
        </ProgressTemplate>
    </asp:UpdateProgress>--%>
    <asp:UpdatePanel ID="udpCadastro" runat="server">
        <ContentTemplate>
            <div align="center" style="margin-left:50px;">
                <asp:Table ID="Table1" runat="server" Width="650px" HorizontalAlign="Center" 
                    style="margin-top: 0px">
                    <asp:TableHeaderRow>
                        <asp:TableHeaderCell ColumnSpan="2" BackColor="#CC0000">
                            <asp:Label ID="Label1" runat="server" Text="Cadastro de Pessoa"></asp:Label>
                        </asp:TableHeaderCell>
                    </asp:TableHeaderRow>
                    <asp:TableRow>
                        <asp:TableCell CssClass="coluna">Nome:<br />
                            <asp:TextBox ID="tbxNome" runat="server" Width="300px"></asp:TextBox>
                            <span style="color: #FF0000">*</span>
                        </asp:TableCell>
                        <asp:TableCell CssClass="coluna">E-mail:<br />
                            <asp:TextBox ID="tbxEmail" runat="server" Width="280px"></asp:TextBox>
                            <span style="color: #FF0000">*</span>
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell CssClass="coluna">Senha:<br />
                            <asp:TextBox ID="tbxSenha" runat="server" Width="150px" TextMode="Password" MaxLength="15" ReadOnly="True"></asp:TextBox>
                            <span style="color: #FF0000">*</span>
                        </asp:TableCell>
                        <asp:TableCell CssClass="coluna">Confirma senha:<br />
                            <asp:TextBox ID="tbxConfirmaSenha" runat="server" Width="150px" MaxLength="15" ReadOnly="True"></asp:TextBox>
                            <span style="color: #FF0000">*</span>
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell CssClass="coluna">Telefone principal:<br />
                            <asp:TextBox ID="tbxFone1" runat="server" Width="200px" MaxLength="10"></asp:TextBox>
                            <span style="color: #FF0000">*</span>
                        </asp:TableCell>
                        <asp:TableCell CssClass="coluna">Telefone:<br />
                            <asp:TextBox ID="tbxFone2" runat="server" Width="200px"></asp:TextBox>
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Logradouro
                            <asp:Panel ID="pnlLogradouro" runat="server" BorderStyle="Groove" Width="600px">
                                <asp:Table ID="Table2" runat="server" Width="100%">
                                    <asp:TableRow>
                                        <asp:TableCell CssClass="coluna">Cidade:<br />
                                            <select id="slcCidade" style="width: 250px"  runat="server">
                                                <option></option>
                                            </select>
                                            <span style="color: #FF0000">*</span>
                                        </asp:TableCell>
                                        <asp:TableCell CssClass="coluna">Estado:<br />
                                            <asp:TextBox ID="tbxEstado" runat="server" Width="50px" MaxLength="2">
                                            </asp:TextBox>
                                            <span style="color: #FF0000">*</span>
                                        </asp:TableCell>
                                        <asp:TableCell CssClass="coluna">CEP:<br />
                                            <asp:TextBox ID="tbxCep" runat="server" Width="100px" MaxLength="8">
                                            </asp:TextBox>
                                            <span style="color: #FF0000">*</span>
                                        </asp:TableCell>
                                    </asp:TableRow>
                                    <asp:TableRow>
                                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Endereço:<br />
                                            <asp:TextBox ID="tbxEndereco" runat="server" Width="270px" MaxLength="60">
                                            </asp:TextBox>
                                            <span style="color: #FF0000">*</span>                                        
                                        </asp:TableCell>
                                        <asp:TableCell CssClass="coluna">Numero:<br />
                                            <asp:TextBox ID="tbxNumero" runat="server" Width="100px" MaxLength="6">
                                            </asp:TextBox>
                                            <span style="color: #FF0000">*</span>
                                        </asp:TableCell>
                                    </asp:TableRow>
                                    <asp:TableRow>
                                        <asp:TableCell CssClass="coluna">Bairro:<br />
                                            <asp:TextBox ID="tbxBairro" runat="server" Width="230px" MaxLength="40">
                                            </asp:TextBox>
                                            <span style="color: #FF0000">*</span>                                        
                                        </asp:TableCell>
                                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Complemento:<br />
                                            <asp:TextBox ID="tbxComplemento" runat="server" Width="250px" MaxLength="45">
                                            </asp:TextBox>
                                        </asp:TableCell>
                                    </asp:TableRow>
                                </asp:Table> 
                            </asp:Panel>
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell ColumnSpan="2">
                            <hr />
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Dados complementares
                            <asp:Panel ID="pnlDadosComplementares" runat="server" BorderStyle="Groove" Width="600px">
                                <asp:Table ID="Table3" runat="server" Width="100%">
                                    <asp:TableRow>
                                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Dt. de nascimento:<br />
                                            	<script type="text/javascript">
                                            	    $(function () {
                                            	        $("#tbxDataNascimento").datepicker(
                                                            { changeMonth: true,
                                                                changeYear: true,
                                                                dateFormat: 'dd/mm/yy',
                                                                showOtherMonths: true,
                                                                selectOtherMonths: true
                                                            });
                                            	    });
                                            	</script>
                                            <input runat="server" type="text" id="tbxDataNascimento" readonly />
                                            <span style="color: #FF0000">*</span> 
                                        </asp:TableCell>
                                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Dt. de cadastro:<br />
                                            <asp:TextBox ID="tbxDataCadastro" runat="server" ReadOnly="True"></asp:TextBox>
                                            <span style="color: #FF0000">*</span> 
                                        </asp:TableCell>
                                    </asp:TableRow>
                                    <asp:TableRow>
                                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Membro:<br />
                                            <select id="slcMembro"  runat="server">
                                                <option value="T">Sim</option>
                                                <option value="F">Não</option>
                                            </select>
                                            <span style="color: #FF0000">*</span> 
                                        </asp:TableCell>
                                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Participa de um grupo:<br />
                                            <select id="slcParticipaGrupo" runat="server">
                                                <option value="T">Sim</option>
                                                <option value="F">Não</option>
                                            </select>
                                            <span style="color: #FF0000">*</span> 
                                        </asp:TableCell>
                                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Grupo de participação:<br />
                                            <select id="slcGrupoParticipacao"  runat="server">
                                                <option value="">Selecione o grupo</option>
                                                <option value="1">Acolhimento</option>
                                                <option value="2">Comunicação</option>
                                                <option value="3">Intercessão</option>
                                                <option value="4">Recepção</option>
                                                <option value="5">Visitação</option>
                                            </select>
                                            <span style="color: #FF0000">*</span> 
                                        </asp:TableCell>
                                    </asp:TableRow>
                                </asp:Table>
                            </asp:Panel>
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell ColumnSpan="2">
                            <hr />
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell CssClass="coluna" ColumnSpan="2">Descreva suas informações adicionais que considera importante
                            <asp:TextBox ID="tbxDadosAdicional" runat="server" Width="97%" TextMode="MultiLine" MaxLength="1000" Rows="10"></asp:TextBox>
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow>
                        <asp:TableCell ColumnSpan="2">
                            <hr />
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableRow HorizontalAlign="Center">
                        <asp:TableCell HorizontalAlign="Center" ColumnSpan="2" VerticalAlign="Middle">
                            <asp:Button ID="btnConfirma" runat="server" Text="Confirmar" OnClick="btnConfirmar_Click"/>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <asp:Button ID="btnCancelar" runat="server" Text="Cancelar" OnClick="btnCancelar_Click" />
                        </asp:TableCell>
                    </asp:TableRow>
                    <asp:TableFooterRow><asp:TableHeaderCell ColumnSpan="2" BackColor="#CC0000"></asp:TableHeaderCell></asp:TableFooterRow>
                </asp:Table>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
